
.px2rem(@name, @px){
    @{name}: @px / 75 * 1rem;
}
.fz(@px){
	.px2rem(font-size,@px);
}

.header1{
	background: rgba(0,0,0,0) !important;
	border-bottom: none !important;
	.left{
		i{
			.px2rem(width,40);
			.px2rem(height,40);
			.px2rem(line-height,40);
			.px2rem(font-size,48);
			background: rgba(255,255,255,0.8);
			border-radius: 50%;
		}
	}
	.center{
		white-space: nowrap;
		overflow: hidden;
	}
	.right{
		i{
			.px2rem(width,40);
			.px2rem(height,40);
			.px2rem(line-height,45);
			.px2rem(font-size,30);
			background: rgba(255,255,255,0.8);
			border-radius: 50%;
		}
	}
}

.scroll{
  background: rgba(255, 255, 255, 0.8) !important;
}

.banner{
	position: relative;
	.swiper-wrapper{
		.swiper-slide{
			img{
				display: block;
				width: 100%;
			}
		}
	}
	.swiper-pagination{
		.px2rem(padding-right,40);
		box-sizing: border-box;
		text-align: right;
	}
	.place{
		position: absolute;
		z-index: 98;
		.px2rem(bottom,20);
		.px2rem(left,20);
		color: #fff;
		i{
			.px2rem(margin-right,10);
		}
	}
}

.main{
	.content{
		background: #fff;
		.px2rem(padding-top,20);
		.title{
			.px2rem(margin-left,20);
			.px2rem(margin-right,20);
			font-weight: bolder;
		}
		.info{
			color: #666;
			.px2rem(margin,20);
			.px2rem(margin-top,15);
			.price{
				.px2rem(font-size,32);
				color: #ff4e00;
				font-weight: bolder;
			}
			.oldprice{
				color: #999;
				.px2rem(margin-left,10);
				.px2rem(margin-right,10);
				text-decoration: line-through;
			}
			.xingcheng{
				float: right;
			}
		}
		.discount{
			border-top: 1px solid #e2e2e2;
			border-bottom: 1px solid #e2e2e2;
			.px2rem(padding,20);
			box-sizing: border-box;
			width: 100%;
			span{
				.px2rem(padding,10);
				.px2rem(padding-top,5);
				.px2rem(padding-bottom,5);
				color: #ff7960;
				border: 1px solid #ff7960;
			}
			i{
				width: 10%;
				float: right;
				text-align: right;
				img{
					width: 50%;
				}
			}
		}
	}

	.date{
		.px2rem(margin-top,20);
		.px2rem(margin-bottom,20);
		background: #fff;
		border-top: 1px solid #e2e2e2;
		border-bottom: 1px solid #e2e2e2;
		.px2rem(padding,20);
		box-sizing: border-box;
		p{
			.px2rem(padding-left,40);
			background: url(../images/date1.png) no-repeat;
			.px2rem(background-size,38);
			span{
				color: #a1a1a1;
				.px2rem(margin-left,15);
			}
			i{
				width: 10%;
				float: right;
				text-align: right;
				img{
					width: 50%;
				}
			}
		}
	}

	.more{
		border-top: 1px solid #e2e2e2;
		background: #fff;
		.px2rem(padding-bottom,120);
		.title{
			display: flex;
			text-align: center;
			align-items: center;
			border-bottom: 1px solid #e2e2e2;
			p{
				flex: 1;
				.px2rem(height,80);
				.px2rem(line-height,80);
				box-sizing: border-box;
			}
			.active_p{
				color: #02b9fd;
				border-bottom: 2px solid #02b9fd;
			}
		}
		.bottom{
			.tese{
				h5{
					.px2rem(padding-left,50);
					.px2rem(margin,20);
					color: #666;
					background: url(../images/icon1.png) no-repeat;
					.px2rem(background-size,40);
				}
				p{
					.px2rem(padding-left,50);
					.px2rem(margin,20);
					background: url(../images/icon2.png) no-repeat;
					.px2rem(background-size,40);
				}
			}
			.xiangqing{
				display: none;
				h5{
					.px2rem(margin,20);
					.begin{
						.px2rem(padding-right,40);
						.px2rem(margin-left,20);
						background: url(../images/icon3.png) no-repeat right;
						.px2rem(background-size,40);
					}
					.to{
						.px2rem(padding-left,40);
						background: url(../images/icon4.png) no-repeat;
						.px2rem(background-size,40);
					}
				}
				p{
					.px2rem(padding-left,50);
					.px2rem(margin,20);
				}
				.morning{
					background: url(../images/icon5.png) no-repeat;
					.px2rem(background-size,40);
				}
				.zhu{
					background: url(../images/icon6.png) no-repeat;
					.px2rem(background-size,40);
				}
				.info{
					.px2rem(padding-left,20);
				}
			}
		}
	}	
}



.footer1{
	position: fixed;
	width: 100%;
	bottom: 0;
	.px2rem(height,90);
	display: flex;
	text-align: center;
	p{
		height: 100%;
		.px2rem(line-height,90);
		color: #fff;
	}
	.left{
		width: 20%;
		background: #314150;
		i{
			.px2rem(margin-right,10);
		}
	}
	.center{
		width: 30%;
		background: #ff9900;
		i{
			.px2rem(margin-right,10);
		}
	}
	.right{
		width: 50%;
		background: #ff6646;
	}
}




